import React, {useState, useEffect} from 'react'
import NavBar from '@components/NavBar'
import './index.less'

const Detail = (props) => {
  useEffect(() => {
  }, [])

  const { amountUsdt, rewardThree, amountUsdtSubGet, amountUsdtGet } = props.state

  return (
    <>
      <div className="detail">
        <NavBar title="认购详情" />
        <div className="detail-header">
          <div className="detail-header-main">
            <div className="amount-show">
              <p>认购总金额USDT</p>
              <p>{amountUsdt}</p>
            </div>
            <div className="amount-info">
              <div className="amount-info-item">
                <p>团队业绩</p>
                <p>{rewardThree}</p>
              </div>
              <div className="amount-info-item">
                <p>待释放</p>
                <p>{amountUsdtSubGet}</p>
              </div>
              <div className="amount-info-item">
                <p>已释放</p>
                <p>{amountUsdtGet}</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </>
  )
}

export default Detail;